@import '~antd/es/style/themes/default.less';

.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  background-image: url('@/assets/mb.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.airplaneBg {
  background-image: url('@/assets/bg_grand.png');
  background-repeat: no-repeat;
  background-position:center center;
  height: 100%;
  background-size: 100% 100%;
}
.content {
  flex: 1;
  padding: 20px 0;
  background-color: @component-background;
  width: 420px;
  border-radius: 5%;
  position: relative;
  top: 40px;
}

.top {
  text-align: center;
}

.header {
  height: 44px;
  line-height: 44px;
  margin-bottom: 70px;

  a {
    text-decoration: none;
  }
}

.logo {
  height: 44px;
  margin-right: 16px;
  vertical-align: top;
}

.logo {
  background-image: url('@/assets/sclogo.png');
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  background-size: 40%;
  display: block;
}
.title{
font-style: normal;
font-weight: 500;
font-size: 18px;
color: rgba(0, 0, 0, 0.85);
flex: none;
order: 1;
align-self: center;
font-weight: bold;
}
.layoutContainer {
  flex: 1;
}
.explain{
  margin-top: 54px;
  p{
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #FFFFFF;
    .smlogo{
      background-image: url('@/assets/smalllogo.png');
      background-repeat: no-repeat;
      background-position: center center;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-size: 90%;
      vertical-align: text-bottom;
    }
    .iphone{
      background-image: url('@/assets/iphone.png');
      background-repeat: no-repeat;
      background-position: center center;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-size: 70%;
      vertical-align: text-bottom;
    }
  }
  :global {
    a {
      color: #FFFFFF;
    }
  }
}
